* {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
.txh {
  display: flex;
}
.section {
  flex: 1;
}
.section .nav {
  height: 1.16rem;
  line-height: 0.93333333rem;
  border-bottom: 1px solid #ccc;
}
.section .nav ul {
  display: flex;
}
.section .nav ul li {
  flex: 1;
  text-align: center;
  margin-top: 0.2rem;
  font-size: 0.4rem;
  border-right: 1px solid #7e4c81;
}
.section .nav ul li:nth-child(4) {
  border-right: none;
}
.section .active {
  border-bottom: 4px solid #7e4c81;
}
.section .one {
  height: 7.52rem;
}
.section .one ul {
  width: 8.04rem;
  height: 5.88rem;
  border: 1px solid #ccc;
  margin-top: 0.33333333rem;
  margin-left: 0.8rem;
  border-radius: 0.10666667rem;
}
.section .one ul li {
  height: 0.96rem;
  border-bottom: 1px solid #ccc;
  display: flex;
}
.section .one ul li .left {
  width: 2.26666667rem;
  height: 0.66666667rem;
}
.section .one ul li .right {
  font-size: 0.4rem;
  padding-top: 0.26666667rem;
  padding-left: 0.53333333rem;
  width: 4.93333333rem;
  height: 0.66666667rem;
}
.section .one ul li:nth-child(odd) .left {
  font-size: 0.45333333rem;
  background: #e9ecf1;
  padding-left: 0.4rem;
  padding-top: 0.26666667rem;
}
.section .one ul li:nth-child(odd) .right {
  background: #f3f3f3;
  font-size: 0.45333333rem;
  color: #ccc;
}
.section .one ul li:nth-child(even) .left {
  font-size: 0.45333333rem;
  background: #f3f6fb;
  padding-left: 0.4rem;
  padding-top: 0.26666667rem;
}
.section .one ul li:nth-child(even) .right {
  font-size: 0.45333333rem;
  color: #ccc;
}
.section .one .c {
  width: 3.46666667rem;
  height: 0.8rem;
  background: #65c3df;
  border: none;
  border-radius: 0.10666667rem;
  margin-top: 0.46666667rem;
  margin-left: 1.06666667rem;
}
.section .one .d {
  width: 3.46666667rem;
  height: 0.8rem;
  background: #ff6b6b;
  border: none;
  border-radius: 0.10666667rem;
  margin-left: 0.53333333rem;
  margin-top: 0.46666667rem;
}
